<template>
    <div class="hot">
<div class="resou">
    <span class="dewu">得物热搜榜</span><i>更多></i>
     <ul>
         <li><span class="yanse">1</span>kt7实战测评<p>HOT</p></li>
         <li><span class="yanse">2</span>入秋好鞋<p>HOT</p></li>
         <li><span class="yanse">3</span>空军一号必入款</li>
         <li><span>4</span>情侣穿搭</li>
         <li><span>5</span>新赛季实战鞋</li>
         <li><span>6</span>潮流长裤种草</li>
         <li><span>7</span>一周穿搭不重样</li>
         <li><span>8</span>复古老爹鞋</li>
         <li><span>9</span>卡西欧放大招</li>
         <li><span>10</span>棒球服种草</li>
     </ul>
</div>
  <div class="bangdan">
         <span class="renqi">人气榜单</span><i>更多></i>
         <ul class="person">
             <li><img src="images/52.jpg" /></li>
             <li><img src="images/53.jpg" /></li>
         </ul>
    </div>
    </div>
</template>
<script>
export default {
  name: "Myhot",
  data: function () {
    return {};
  },
};
</script>
<style scoped>
.hot{
    width: 3.75rem;
    height: 3.5rem;
}
.hot .resou{
    width: 3.75rem;
    height: .15rem;
    font-size: .12rem;
}
.hot .resou .dewu{
 float: left;
 margin-left: .2rem;
 font-weight: 700;
    margin-top: .15rem;
     margin-bottom: .15rem;
}
.hot .resou i{
    float: right;
    margin-right: .2rem;
    color: #565a67;
    margin-top: .15rem;
}
.hot ul{
    height: 1.5rem;
width: 3.75rem;
clear: both;
}
.hot ul li{
    width: 45%;
    height: .15rem;
    float: left;
    margin-bottom: .15rem;
    display: flex;
    margin-left: .15rem;
    line-height: .2rem;
}
.hot ul li span{
  height: .2rem;
  width: .15rem;
  line-height: .2rem;
  margin-right: .1rem;
}
.hot ul li .yanse{
    color: red;
}
.hot ul li p{
    width: .4rem;
    height: .13rem;
    background-color: red;
    color: white;
    line-height: .13rem;
    margin-top: .03rem;
    font-size: .1rem;
    margin-left: .1rem;
    text-align: center;
}
.hot .bangdan{
    width: 3.75rem;
    height: .16rem;
    font-size: .12rem;
    margin-top: 1rem;
  
}
.hot .bangdan .renqi{
 float: left;
 margin-left: .2rem;
 font-weight: 700;
    margin-top: .15rem;
     margin-bottom: .15rem;
}
.hot .bangdan i{
    float: right;
    margin-right: .2rem;
    color: #565a67;
    margin-top: .15rem;
     margin-bottom: .15rem;
}
.hot .person{
    height: 1.6rem;
width: 3.75rem;

}
.hot .person li{
    width: 1.03rem;
    height: .9rem;
}
</style>
